.featured {
	flex: 2;
	box-shadow: 2px 4px 10px 1px rgba(201, 201, 201, 0.47);
	-webkit-box-shadow: 2px 4px 10px 1px rgba(201, 201, 201, 0.47);
	padding: 10px;

	.top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: gray;

		.title {
			font-size: 16px;
			font-weight: 600;
		}
	}

	.bottom {
		padding: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 15px;

		.featuredChart {
			width: 100px;
			height: 100px;

			.CircularProgressbar-path {
				stroke: #82ca9d;
			}
			.CircularProgressbar-text {
				fill: #82ca9d;
			}
		}

		.title {
			font-weight: 500;
			color: gray;
		}

		.amount {
			font-size: 30px;
		}

		.description {
			font-weight: 300;
			font-size: 14px;
			color: gray;
			text-align: center;
		}

		.summary {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;

			.item {
				text-align: center;

				.itemTitle {
					font-size: 14px;
					color: gray;
				}

				.itemResult {
					display: flex;
					align-items: center;
					margin-top: 10px;
					font-size: 14px;

					&.positive {
						color: red;
					}

					&.negative {
						color: green;
					}
				}
			}
		}
	}
}
